iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 8
0
自我挑戰組

你看微客=[ 前端領域 - 超入門 ]系列 第 8

HTML 5---[ API:地理位置 Geolacation ]---無用小觀念

  • 分享至 

  • xImage
  •  

HTML 5

  • HTML 5 是最新版的 HTML 標準,指的是一套用來建造網路應用程式技術的組成
    ( 包含: 改善後的 HTML 標記 + 被定義為其樣式標準的 CSS + Javascript APIs )
  • API ( Application Programming Interface 應用程式介面 ) 指的是可與其他系統溝通的介面,可利用定義好的方法及屬性,去取用外部的功能或資料

API:地理位置 Geolacation

  • Geolacation API 允許 Javascript 向瀏覽器詢問使用者在真實世界的實體位置。(需要使用者許可)
  • 主要是利用 IP 位址、 GPS 的衛星定位( 最準確 )、 WiFi 或手機訊號的三角定位等方式來判斷位置。
    (選用何種方式則依所在位置、所用裝置、訊號狀態而定)
  • 所取得的經緯度資料是浮點數格式。( 例:經度 27.20, 緯度 1.19 )
  • 連結到 Google Map API ,可在網頁上以地圖方式標示位置,並能添加 Google Map 所提供的額外功能。
  • Geolacation API 主要有三個方法,隸屬於 navigator.geolocation 物件:
    getCurrentPosition(內含 successHandler 函式參數) ==> 用於取得瀏覽器所在位置
    watchPosition ==> 觀察是否移動,並於位置改變時回報 (更新頻率由瀏覽器來決定,無法自行控制)
    clearWatch ==> 停止對位置的監測

上一篇
Javascript---[ 物件原型 ]---無用小觀念
下一篇
HTML 5---[ API:( 同網域 ) Web 資料請求 ]---無用小觀念
系列文
你看微客=[ 前端領域 - 超入門 ]30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言